/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.layui-container {width:1230px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}
/*header*/
.top{height:50px;line-height:50px;background:#fff;color:#656565;font-size:14px;border-top:3px solid #fd7c1e;}
.top .top-right{color:#666;}
.top .top-right a{display:inline-block;line-height:50px;padding:0 10px;transition:all .3s;color:#666;}
.logobox{position:relative;padding:.30rem 0;}
.logo img{padding-right:20px;}
.logori{padding-left:20px;margin-top:10px;border-left:1px solid #ddd;}
.logo strong{display:inline-block;font-size:24px;line-height:30px;color:#0f53ba;}
.logobox .logoright div.media-body{padding-left:10px;}
.logobox .logoright strong{color:#0f53ba;font-size:28px;line-height:30px;font-family:"impact";}
.logobox .logoright p{font-size:12px;color:#666;line-height:15px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
#nav{height:60px;line-height:60px;width:100%;background:linear-gradient(to bottom,#0f54bb,#173082);}
#nav ul>li{float:left;width:11.11%;text-align:center;position:relative;line-height:60px;box-sizing:border-box;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;background:url(../images/nav_line.png) right center no-repeat;}
#nav ul>li.active>a{line-height:60px;font-weight:bold;background:#fd7c1e;}
#nav ul .submenu{position:absolute;width:100%;top:60px;z-index:99;background:#fd7c1e;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;border-bottom: 1px solid #fff;}
#nav ul .submenu li:last-child{border-bottom: none;}
#nav ul .submenu li a{color:#FFF;}
#nav ul .submenu li a:hover{color:#fff;}
/*banner轮播*/
.swiper-container{width:100%;height:549px;}
.swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-pagination-bullet{width:14px;height:14px;background:#fff;}
.swiper-pagination-bullet-active{background:#076c42;}
.swiper-pagination-bullet{opacity: 1;}
/*搜索*/
.search-box{line-height:62px;height:75px;background:url(../images/m_01.jpg) repeat-x 0 bottom;}
.search-box .link span{background:url(../images/m_02.png) left center no-repeat;padding-left:30px;color:#666;font-size:14px;display:inline-block;font-weight:bold;}
.search-box .link a{padding:0 10px;color:#5d5d5d;font-size:12px;}
.search .sousu{width:240px;line-height:38px;padding-left:10px;box-sizing: border-box;background:#fff;border:1px solid #ddd;}
.search-box form{margin-top:11px;}
.search .sou-zi{width:60px;line-height:40px;background:#0f53ba;font-size:16px;color:#fff;border:none;cursor:pointer;text-align: center;}
/*产品展示*/
.indexProduct{width:100%;overflow: hidden;background:url(../images/chanpin_bg.png) repeat;padding:50px 0;}
.indexProduct-lf{width:260px;}
.indexProduct-lf-t{background:#0f53ba;height:90px;color:#fff;text-align: center;}
.indexProduct-lf-t h3{font-size:25px;line-height: 30px;padding-top:20px;font-weight:bold;}
.indexProduct-lf-t span{font-size:16px;color:#94a2bc;text-transform: uppercase;font-family:aril;line-height: 30px;}
.indexProduct-lf-body{border:1px solid #ddd;}
.indexProduct-lf ul{}
.indexProduct-lf ul li{text-align: left;height: 48px;line-height:48px;color: #272727;cursor: pointer;font-size: 14px;border-bottom: 1px #dcdcdc solid;}
.indexProduct-lf ul li a{display: block;color: #272727;font-size: 14px;padding-left: 50px;text-decoration: none;font-weight: 400;border-left: 2px #fff solid;background:url(../images/left_01.png) no-repeat 25px center;}
.indexProduct-lf ul li:hover{background:#f5f5f5;}
.indexProduct-lf ul li:hover a{border-left:2px solid #fd7c1e;}
.indexProduct .contact{background:url(../images/contact.jpg) top center no-repeat;height:150px;margin-top:30px;}
.indexProduct .contact p{color:#0f53ba;font-size:20px;line-height:30px;font-family:"impact";padding:80px 0 0 126px;}
.indexProduct-rt{width:900px;}
.indexProduct-rt-t{height:45px;/*line-height: 45px;*/background:url(../images/line_color.png) no-repeat 0 bottom;}
.indexProduct-rt-t b{padding: 0px 10px 0 0px;color: #0f53ba;line-height: 40px;font-size: 20px;}
.indexProduct-rt-t span{padding: 0px 0px 0 0px;color: #4d4d4d;height: 45px;font-size: 12px;text-transform: uppercase;font-family: Arial;}
.indexProduct-rt-t a{padding:2px 10px;background:#dcdcdc;font-size:14px;color:#333;text-transform:uppercase;/*display:inline-block;*/margin-top:6px;}
.indexProduct-rt ul li a{display:block;text-align: center;}
.indexProduct-rt ul li a span{display:block;height:2.5rem;overflow: hidden;border:1px solid #ebebeb;}
.indexProduct-rt ul li a span>img{width:100%;height:100%;transition: .5s;}
.indexProduct-rt ul li:hover a span>img{transform: scale(1.03);}
.indexProduct-rt ul li a p{font-size:14px;color:#333;line-height: 40px;}
.indexProduct-rt ul li{margin-top:15px;}
.indexProduct-rt ul li:hover a p{color:#0f53ba;}
/*公共大标题*/
.indexTitle h2{font-size:36px;font-weight:bold;color:#0f53ba;line-height: 40px;}
.indexTitle span{font-size:16px;color:#666;display:inline-block;line-height: 40px;}
/*三大板块*/
.threeBan ul{width:990px;margin:30px auto 0;}
.threeBan ul li{background:url(../images/wa1.jpg) no-repeat center;color: #333;font-size: 16px;line-height: 30px;width:274px;height:335px;float:left;margin-right:84px;}
.threeBan ul li:last-child{margin-right:0px;}
.threeBan ul li span{display:block;padding:205px 30px 0;text-align: center;}
.threeBan ul li:hover{background:url(../images/wa2.jpg) no-repeat center;color:#fff;}
/*ban*/
.ban{background: #222;padding:30px 0;overflow: hidden;}
.ban-txt{width:800px;color:#fff;}
.ban-txt strong{font-size:28px;display:block;line-height: 40px;padding-top:36px;}
.ban-txt{font-size:18px;display:block;line-height:30px;}
.ban-contact{background:url(../images/contact_bj.png) no-repeat;height:65px;line-height:65px;width:330px;margin-top:40px;}
.ban-contact b{font-size:22px;color:#fff;padding-left:55px;}
.ban-contact a{display:inline-block;font-size:18px;color:#fff;padding-left:30px;}
/*我们的优势*/
.indexAdvant-tit{text-align: center;margin-bottom:40px;}
.indexAdvant{background:#f5f5f5;padding: 60px 0;}
.indexadvant-item{width:1100px;margin:0 auto;}
.indexadvant-tit{width:1100px;}
.flw{float:left;width:510px;}
.flt{float: left;width:52px;height:52px;line-height:52px;border-radius: 50%;font-weight: 700;background: #fd7c1e;color: #fff;font-size: 30px;text-align: center;margin: 75px 0 0 15px;}
.frw{float:right;width:590px;margin-top:30px;}
.indexadvant-item .titl{display: block;}
.indexadvant-item .titl .float-left{font-size:36px;color:#fd7c1e;font-weight:bold;line-height: 50px;padding-right:15px;}
.indexadvant-item .titl strong{display:block;font-size:24px;}
.indexadvant-item .titl strong span{color:#fd7c1e;}
.indexadvant-item .titl em{display:block;color:#666;text-transform: uppercase;font-style:normal;font-size:9px;}
.indexadvant-item .indexadvant-cont{display:block;padding-left:55px;}
.indexadvant-item .indexadvant-cont p{display: block;font-size: 14px;line-height: 20px;margin-top: 15px;}
/*成功案例*/
.case{background:url(../images/case_bg.jpg) top center no-repeat;width:100%;padding:50px 0;}
.case .indexTitle h2{color:#fff;}
.case .indexTitle span{color:#fff;}
.case-box{position: relative;}
.case-box .bd li{width:25%;float:left;}
.case-box .bd li div.case-item{margin:0 15px;}
.case-box .bd li div.case-item a{display:block;text-align: center;}
.case-box .bd li div.case-item a span{display:block;height:2.5rem;overflow: hidden;}
.case-box .bd li div.case-item a span>img{width:100%;height:100%;}
.case-box .bd li div.case-item a p{font-size:14px;color:#fff;line-height: 40px;}
.case-box .prev,.case-box .next{position:absolute;top:90px;}
.case-box .prev{left:-80px;}
.case-box .next{right:-80px;}
/*关于我们*/
.indexAbout{background:url(../images/chanpin_bg.png) repeat;width:100%;padding:60px 0;}
.indexABout-lf{width:450px;height:245px;overflow: hidden;}
.indexABout-lf>img{width:100%;height:100%;}
.indexABout-txt{width:710px;}
.indexABout-txt h3{font-size:20px;line-height: 25px;font-weight:bold;color:#0f53ba;}
.indexABout-txt p{font-size:14px;color:#666;line-height: 30px;text-indent:2em;margin:10px 0 20px 0;}
.indexABout-txt a.more{color:#333;font-size:14px;padding:8px 15px;border:1px solid #ddd;}
.indexABout-txt a.more:hover{background:#0f53ba;color:#fff;border:none;}
.shebei-box{position: relative;}
.shebei-box .bd li{width:25%;float:left;}
.shebei-box .bd li div.shebei-item{margin:0 15px;}
.shebei-box .bd li div.shebei-item a{display:block;text-align: center;background:#d9d5d5;padding:10px;}
.shebei-box .bd li div.shebei-item a span{display:block;height:1.9rem;overflow: hidden;}
.shebei-box .bd li div.shebei-item a span>img{width:100%;height:100%;}
.shebei-box .bd li div.shebei-item a p{font-size:14px;color:#333;line-height: 40px;}
.shebei-box .bd li div.shebei-item:hover a{background:#0f53ba;}
.shebei-box .bd li div.shebei-item:hover p{color:#fff;}
/*新闻动态*/
.news{width:750px;}
.newsNav{overflow: hidden;}
.newsNav li{width:135px;height:38px;line-height: 38px;text-align: center;font-size:16px;background:#eee;float:left;margin-right:10px;}
.newsNav li a{color:#333;}
.newsCon .media div.float-left{width:167px;height:120px;overflow: hidden;margin-right:20px;}
.newsCon .media div.float-left>img{width:100%;height:100%;}
.newsCon .media div.media-body h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsCon .media div.media-body h3 a{font-size:18px;color:#0f53ba;font-weight:bold;}
.newsCon .media div.media-body p{font-size:14px;color:#666;line-height: 25px;text-indent:2em;}
.newsCon .media div.media-body span{background:url(../images/time.png) left center no-repeat;font-size:14px;color:#999;padding-left:25px;display:inline-block;line-height: 30px;}
.newsLi{/*float:left;*//*1px solid #c9c9c9;*/width:100%;margin-top:20px;}
.newsLi li{font-size: 14px;overflow: hidden;width: 48%;padding: 14px 0;border-bottom: 1px dashed #c9c9c9;margin:0 1%;float:left;}
.newsLi li a{display: block;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;color: #000;}
.newsLi li span{float:right;color:#999;display:block;}
.newsLi li:hover a{color:#0f53ba;}
.cur{background:#0f53ba!important;}
.cur a{color:#fff!important;}
.problem{width:410px;}
.problem-box .bd{height:340px;overflow: hidden;}
.problem-box ul li{margin-bottom: 50px;}
.problem-box ul li h3{background:url(../images/wen.png) left center no-repeat;padding-left:40px;line-height: 28px;}
.problem-box ul li h3 a{font-size:16px;color:#333;line-height: 30px;}
.problem-box ul li h3 a:hover{color:#0f53ba;}
.problem-box ul li p{font-size:14px;color:#666;background:url(../images/da.png) left 0px no-repeat;padding-left:40px;line-height:22px;margin-top:10px;}
/*友情链接*/
.flink{background:#f5f5f5;width:100%;padding-bottom: 30px;margin-top:120px;}
.flink-box{position: relative;}
.flink-box .tit{height: 115px;position: absolute;text-align: center;width: 1200px;top: -65px;}
.flink-box span{display:block;padding-top:60px;}
.flink-box span a{font-size:14px;color:#999;padding:0 10px;}
.footerNav{background:#fd7c1e;width:100%;height:60px;line-height: 60px;}
.footerNav b{color:#fff;font-size:16px;}
.footerNav span{color:#fff;font-size:16px;}
.footerNav .layui-breadcrumb span[lay-separator]{color:#fff!important;margin:0 20px!important;}
.footer{background:#0f53ba;width:100%;padding:33px 0 35px 0;color:#fff;}
.footer-lf{width:420px;}
.footer h4{color:#fff;font-size:18px;line-height: 20px;}
.footer-lf P{line-height: 25px;margin-top:40px;}
.footer-lf span{display:block;width:46px;height:1px;background:#fff;margin-top:35px;}
.footer-lf ul{margin-top:10px;}
.footer-lf ul li{width:50%;float: left;margin-top:5px;}
.footer-lf ul .li1{background:url(../images/icon1.png) left center no-repeat;padding-left:18px;box-sizing: border-box;}
.footer-lf ul .li2{background:url(../images/icon2.png) left center no-repeat;padding-left:18px;box-sizing: border-box;}
.footer-lf ul .li3{background:url(../images/icon3.png) left center no-repeat;padding-left:18px;box-sizing: border-box;}
.footer-center{width:185px;margin-left:100px;}
.footer-center dl{margin-top:40px;}
.footer-center dl dd{width:50%;float:left;margin-bottom: 18px;}
.footer-center dl dd a{color:#fff;}
.footer-right{margin-right:130px;}
.footer-right span{display:block;height:124px;width:124px;overflow: hidden;margin-top:40px;}
.footer-right span>img{width:100%;height:100%;}
.footer-right p{text-align: center;margin-top:8px;}
.copyright{border-top:1px solid #393c42;;background:#3e3e3e;text-align: center;color:#fff;padding:15px 0;}
.copyright a{color:#fff}
.sj-toolbar{position:fixed;bottom:20px;right:15px;z-index:10000;}
.sj-toolbar a.bohao{display:block;width:53px;height:53px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 0;}
.sj-toolbar a.fhtop{display:block;width:52px;height:52px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 -62px;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.layui-container {width:auto!important;}
.banner .pic li{height:140px;}
.logobox{text-align:center;height:.9rem;}
.logobox .logo,.aboutus-cont .abtTxt{margin:0;}
.logobox .logo img{width:2.1rem;margin-top:5px;float:left;margin-left:15px;}
.logobox{padding:0;}
.logobox button{display:block;margin-top:5px;}
.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
.logobox .head-icon span{display:block;position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: .5rem;
height: .37rem;
transition: all 0.5s ease-in-out;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url(../images/icon4.png);}
.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon5.png);}
/*主导航样式*/
#nav{background-color: rgba(0, 0, 0, 0.7)!important;height:auto;}
#nav ul>li{width:100%;background:none;}
#nav ul>li a{color:#666;font-size:14px;}
#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
#nav ul>li:hover a{color:#333;font-weight:bold;}
.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
.navbar-nav li a:hover{color:#149350;}
.swiper-container{height:150px;}
#nav ul>li>a{background:none;}
.indexProduct{padding:30px 0;background:#f5f5f5;}
.indexProduct-lf{width:100%;float:none!important;}
.indexProduct-rt{width:100%;float:none!important;}
.indexProduct-lf ul li{width:48%;margin:0 1%;float:left;height:40px;line-height:40px;border-bottom: none;background:#0f53ba;text-align:center;margin-bottom: 10px;}
.indexProduct-lf-body{border:none;}
.indexProduct-lf ul li a{padding-left:0px;border-left:none;background:none;color:#fff;}
.indexAdvant{background:none;padding:0px;margin-top:40px;}
.indexadvant-item{width:100%;margin-top:15px;}
.indexadvant-tit{width:100%;}
.frw{width:100%;float:none!important;margin-top:0px;}
.indexadvant-item .titl .float-left{font-size:24px;line-height: 24px;}
.indexadvant-item .titl strong{font-size:18px;line-height: 24px;}
.indexadvant-item .indexadvant-cont{padding-left:0;}
.indexadvant-item .indexadvant-cont p{margin-top:5px;}
.case{background:#0f53ba;padding:30px 0;}
.indexTitle h2{font-size:20px;line-height: 25px;}
.case-box{margin-top:20px!important;}
.case-box .bd li{width:100%;}
.case-box .bd li div.case-item a span{height:3rem;}
.indexTitle span{line-height: 25px;font-size:14px;}
.indexAbout{padding:30px 0;}
.indexAbout-box{margin-top:20px!important;}
.indexABout-txt{width:100%;float:none!important;}
.indexABout-txt p{line-height: 25px;}
.shebei-box .bd li{width:100%;}
.shebei-box .bd li div.shebei-item a span{height:3rem;}
.information{margin-top:30px!important;}
.newsNav{margin-top:20px;}
.news{width:100%;float:none!important;}
.newsBox{margin-top:20px!important;}
.newsLi{width:100%;float:none!important;margin-left:0px!important;margin-top:0px;}
.newsLi li a{width:60%;}
.newsLi li{width:100%;}
.newsLi li{padding:5px 0;}
.problem{width:100%;float:none!important;}
.problem-box ul li{margin-bottom: 20px;}
.copyright{height:auto;line-height: 25px;margin-top:30px;padding:10px 0;}
}